<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>learning_one</title>
    <link type="text/css" href="learningstyle.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js">
    </script>
    <![endif]-->

    <script>document.createElement("babyLove")</script>
</head>
<body>
<video id="B-video" class="cat-video" controls>
    <source src="./IMG_1290.mp4" type="video/mp4">
</video>
<video width="260" height="260" controls>
    <source src="./IMG_1290.mp4" type="video/mp4">
</video>

<canvas id="B-draw" class="draw-canvas"></canvas>
<canvas id="B-draw2" class="draw-canvas2"></canvas>
<babyLove><a href="#" name="new-element"> 我的第一个新元素</a></babyLove>

<script>
    var c=document.getElementById("B-draw");
    var ctx=c.getContext("2d");
    /*canvas zuobiao*/
    ctx.fillStyle="#10b0fb";
    ctx.fillRect(50,50,150,75);
    /*canvas lujin*/
    ctx.moveTo(0,100);
    ctx.lineTo(300,200);
    ctx.stroke();
    var draw2=document.getElementById("B-draw2");
    var videos=document.getElementsByTagName("video");
    var video=document.getElementById("B-video");
</script>

<button type="button" onclick="alert('hello word!')">button</button>
<script>
  /*  var a="hello word!!!"
    alert(a); */
   /* var i;
    var cat=new Array();//Array 数组；
    cat[0]="Aaron";//数组下标是基于零的，所以第一个项目是 [0]，第二个是 [1]，以此类推。
    cat[1]="Breg";
    cat[2]="Calvin";
    for(i=0;i<cat.length;i++)
    {
document.write(cat[i]+"</br>");

    }
    */
    var x, y;
  x = 123;
  y = "123456";
  console.log(x+y);

    var i;
    var cat=new Array("Aaron!","Breg","Calvin");
    for(i=0;i<cat.length;i++)
    {
        document.write(cat[i]+"</br>");
    }

    var Aaron={
        Name:"Aaron",
        age:"15",
        sex:"boy"
            }
    document.write(Aaron.sex);
    document.write(Aaron["age"]);
</script>

</body>
</html>
